<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>申请成为商家</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="/css/see/reset.min.css">
    <link rel="stylesheet" href="/css/happyi/applyBusiness.min.css?v=<%=$version%>">
</head>
<body>
<div id="applyBusiness" v-cloak>
    <div class="circleBar-top">
        <span class="goback" @click="getBack()"></span>
        申请成为商家
    </div>
    <template v-if="type==1">
        <div class="applyBusiness">
            <h6 class="applyBusiness-title">请留下您的联系方式，以便我们联系您后续合作事宜：</h6>
            <div class="setUpPwd-cent">
                <div class="region" @click="getIsScreen(2)"><span class="div-left">所在地区</span>
                    <input type="text" placeholder="请选择您所在的地区" disabled class="region-right" :value="regionName">
                    <strong>﹀</strong>
                </div>
                <div><span class="div-left">店铺名称</span><input type="text" placeholder="请输入您的店铺名称" v-model="name"><span class="div-right" v-if="name" @click="getClose(1)"></span></div>
                <div><span class="div-left">联系人</span><input type="text" placeholder="请输入联系人姓名" v-model="contacts"><span class="div-right" v-if="contacts" @click="getClose(2)"></span></div>
                <div><span class="div-left">联系电话</span><input type="tel" placeholder="请输入联系人电话" v-model="telephone"><span class="div-right" v-if="telephone" @click="getClose(3)"></span></div>
            </div>
        </div>
        <p class="applyBusiness-txt">商务合作热线：010-87654321(9:00-22:00)</p>
        <div class="loginIndex-btn2" :class="{'loginIndex-btn1':regionName&&name&&contacts&&telephone}" @click="applyShop()">提交</div>
        <div id="mask" @click="getIsScreen()" :class="{'maskShow':isScreen}"></div>
        <div id="screen" :class="{'maskShow':isScreen}">
            <div class="screen-title">选择所在地区</div>
            <div class="chooseCity-cent">
                <div class="chooseCity-province">
                      <span v-for="item in chinaList.provinces" :class="{active:item.code==provinceId}" @click="getCity(item.code,item.name)">{{item.name}}</span>
                </div>
                <div class="chooseCity-city">
                    <span v-for="item in citiesList" :class="{active:item.code==cityId}" @click="choiceList(item)">{{item.name}}</span>
                </div>
                <!--<div class="chooseCity-area">-->
                     <!--<span v-for="item in areasList">{{item.name}}</span>-->
                <!--</div>-->
            </div>
        </div>
    </template>
    <template v-if="type==2">
        <div class="applyBusiness-OK">
            <h6>提交成功</h6>
            <p>乐小转工作人员会尽快与您联系；</p>
            <p>您也可以主动联系我们咨询合作事宜</p>
        </div>
        <div class="applyBusiness-OKTxt">商务合作热线：010-87654321(9:00-22:00)</div>
    </template>
    <prompt-view ref="prompt"></prompt-view>
</div>
<script src='/plugins/js/jquery-1.11.3.min.js'></script>
<script type="text/javascript" src="/plugins/js/vue.min.js"></script>
<script type="text/javascript" src="/js/happyi/applyBusiness.js?v=<%=$version%>"></script>
</body>
</html>